<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>移动端</title>
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="iconfont2/iconfont2.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/rem.js"></script>
</head>

<body>
    <div class="yidongdaun">
        <!-- 头部 -->
        <header>
            <div class="header_left">
                <i class="iconfont iconweizhi"></i>
                <span>北京</span>
            </div>
            <div class="header_center">
                <i class="iconfont icon-fangdajing"></i>
                <input type="text" value="想找的搜出来~">
            </div>
            <div class="header_right">
                <i class="iconfont icon-xinxi1"></i>
            </div>
        </header>
        <main>
            <div class="wrap">
                <!-- nav部分 -->
                <nav>
                    <div class="nav_box">
                        <img src="images/banner.png" alt="">
                    </div>
                </nav>
                <!-- 导航模块 -->
                <ul class="ad">
                    <li><i class="iconfont icon-shangjia1"></i><span>找商家</span></li>
                    <li><i class="iconfont icon-women1"></i><span>婚纱摄影</span></li>
                    <li><i class="iconfont icon-hunlicehua"></i><span>婚礼策划</span></li>
                    <li><i class="iconfont icon-jiubei1"></i><span>订婚宴</span></li>
                    <li><i class="iconfont icon-che1-copy1"></i><span>租婚车</span></li>
                    <li><i class="iconfont icon-baozhuanhuan"></i><span>看案例</span></li>
                    <li><i class="iconfont icon-feiji1"></i><span>短途旅拍</span></li>
                    <li><i class="iconfont icon-cehuazhongxin"></i><span>婚纱礼服</span></li>
                    <li><i class="iconfont icon-biaoqing_zuichun"></i><span>跟妆</span></li>
                    <li><i class="iconfont icon-1"></i><span>司仪</span></li>
                </ul>
                <!-- 线 -->
                <div class="xain w">
                    <hr>
                </div>
                <!-- 更多 -->
                <div class="more w">
                    <div class="more_top">
                        <h2>全球旅拍</h2>
                        <span>更多目的地 ></span>
                    </div>
                    <ul class="more_center">
                        <li><img src="images/main1.png" alt=""></li>
                        <li><img src="images/main2.png" alt=""></li>
                        <li><img src="images/main3.png" alt=""></li>
                    </ul>
                    <div class="more_bottom">
                        <span>三亚</span>
                        <span>青岛</span>
                        <span>厦门</span>
                        <span>丽江</span>
                    </div>
                    <div class="xain w">
                        <hr>
                    </div>
                    <div class="beihun">
                        <h2>备婚工具</h2>
                        <span>更多 ></span>
                    </div>
                </div>

                <!-- 底部 -->
                <footer>
                    <ul class="footer_ul">
                        <li><i class="iconfont icon-shouye"></i><span>首页</span></li>
                        <li><i class="iconfont icon-maikefeng"></i><span>发现</span></li>
                        <li><i class="iconfont icon-xinxi"></i><span>新娘说</span></li>
                        <li><i class="iconfont icon-bao"></i><span>严选</span></li>
                        <li><i class="iconfont icon-women1"></i><span>我们</span></li>
                    </ul>
                </footer>
            </div>
        </main>
    </div>


</body>

</html>